<template>
	<view>
		<van-col v-for="(item, index) in list" :key="index">
          <view class="fenli" @click="anliButton(item.caseId)">
              <view>
                <image style="width: 300rpx;height: 300rpx;margin: 30rpx;" src="https://img.yzcdn.cn/vant/cat.jpeg" />
              </view>
              <view class="content" align="center">
                <van-row><p class="title">{{item.familyRoom }} | {{item.decoratePrice}}万 </p> </van-row>
                <van-row><p class="title"><b>{{item.doorArea}}㎡{{item.decorStyle}}</b></p> </van-row>
              </view>
          </view>
        </van-col>
	</view>
</template>

<script>
	export default {
		data() {
			return{
				 list: [
					 {familyRoom: 'assas',decoratePrice: '222',doorArea: '15',decorStyle:'asasa'},
					 {familyRoom: 'assas',decoratePrice: '222',doorArea: '15',decorStyle:'asasa'}
				 ],
				constructionId:'',
				caseId: '',
			}
		},
		 created(){
			  const constructionId = this.$route.query && this.$route.query.constructionId;
			  this.constructionId = constructionId;
			  console.log("*******"+constructionId);
		  },
		methods:{
			
			
			anliButton(caseId){
			  this.$router.push({
				path:"/pages/index_Buildingconstruction/CaseDetails",
				query:{caseId: caseId,constructionId: this.constructionId}
			  });
			},
			
		}
		
	}
</script>

<style>
	.fenli{
	    padding: 0.2rem;
	  }
</style>
